var counter = 1;

$(document).ready(function() {
//    $('#submitExam').click(function() { // catch the form's submit event
//
//            var description =  $("#description").val();
//            var course = $("#course").val();
//
//        console.log(description);
//        console.log(course);
//
//        alert(description)
//
//
//        $.post("/exams/create_exam",{Description: description ,
//                                     Course: course
//                                    },
//                function( data )
//                {
//
//                });
//    });

    $('#submitQuestion').click(function() { // catch the form's submit event

        var question = {Question: $("#question").val(),
                        IsCorrect0: $("#isCorrect0").val(),
                        IsCorrect1: $("#isCorrect1").val(),
                        IsCorrect2: $("#isCorrect2").val(),
                        IsCorrect3: $("#isCorrect3").val(),
                        IsCorrect4: $("#isCorrect4").val(),
                        IsCorrect5: $("#isCorrect5").val(),
                        IsCorrect6: $("#isCorrect6").val(),
                        IsCorrect7: $("#isCorrect7").val(),
                        IsCorrect8: $("#isCorrect8").val(),
                        IsCorrect9: $("#isCorrect9").val()
                        };

        counter = 1;

        $.post("../../exams/create_question/", question, function( data )
        {
            $("#createAnswer").hide();
            alert('Question created')
        });
    });

    $('#addAnswer').click(function() {

        if(counter > 9){
            alert("Only 10 questions allowed");
            return false;
        }

        var newCreateAnswer = $(document.createElement('div'))
                .attr("id", 'createAnswer' + counter);

        newCreateAnswer.html('' +
            '<label name="answer' + counter +'">Answer #'+ (counter+1) + ' : </label>' +
            '<input type="text" name="answer' + counter + '" id="answer' + counter + '" value="" size="100"/>' +
            '<input type="checkbox" name="isAnswer' + counter + '" id="isCorrect' + counter + '"/>' +
            '');

        newCreateAnswer.appendTo("#createAnswerGroup");

        counter++;

    });

    $(document).ajaxSend(function(event, xhr, settings) {
        function getCookie(name) {
            var cookieValue = null;
            if (document.cookie && document.cookie != '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) == (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
        function sameOrigin(url) {
            // url could be relative or scheme relative or absolute
            var host = document.location.host; // host + port
            var protocol = document.location.protocol;
            var sr_origin = '//' + host;
            var origin = protocol + sr_origin;
            // Allow absolute or scheme relative URLs to same origin
            return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
                (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
                // or any other URL that isn't scheme relative or absolute i.e relative.
                !(/^(\/\/|http:|https:).*/.test(url));
        }
        function safeMethod(method) {
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }

        if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
            xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
        }
    });

});